<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="{{URL::asset('vendor/laravel-admin/AdminLTE/bootstrap/css/bootstrap.min.css')}}">
	<script src="{{URL::asset('js/jquery.min.js')}}"></script>
	<title>提示</title>
	<style media="screen">
		.msg-box {
			width: 320px;
			margin: 100px auto;
		}
		.jumbotron{
			border-radius: 5px;
			box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
		    border: 1px solid #ebeef5;
			background: #FFF;
		}
		.msg-box .jumbotron h1{
			font-size: 42px;
		}
		.jumbotron .tool {
			font-size: 16px;
		}
		#second {
			color:#F56C6C;
		}
		.msg-box.danger .jumbotron{
			background-color: rgb(254, 240, 240);
			border-color: rgb(253, 226, 226);
		}
		.msg-box.danger .jumbotron .title{
			color:#F56C6C;
		}
		.msg-box.danger .jumbotron .msg{
			color:#F56C6C;
		}

		.msg-box.warning .jumbotron{
			background-color: rgb(253, 246, 236);
			border-color:rgb(250, 236, 216);
		}
		.msg-box.warning .jumbotron .title{
			color:#E6A23C;
		}
		.msg-box.warning .jumbotron .msg{
			color:#E6A23C;
		}

		.msg-box.primary .jumbotron{
			background-color: #ecf5ff;
			border-color:#b3d8ff;
		}
		.msg-box.primary .jumbotron .title{
			color:#409eff;
		}
		.msg-box.primary .jumbotron .msg{
			color:#409eff;
		}

		.msg-box.success .jumbotron{
			background-color: #f0f9eb;
			border-color:#c2e7b0;
		}
		.msg-box.success .jumbotron .title{
			color:#67c23a;
		}
		.msg-box.success .jumbotron .msg{
			color:#67c23a;
		}
	</style>
</head>
<body style="background:#f3f3f4;">

<div class="msg-box {{$TYPE}}">
	<div class="jumbotron">
		<h1 class="text-center title">{{$TITLE}}</h1>
		<p class="text-center msg">{{$MSG}}</p>
		<p class="text-center tool"><span id="second"> 3 </span>秒后自动跳转，<a href="{{URL::asset($URL)}}"><i>直接跳转</i></a></p>
	</div>
</div>
</body>
<script type="text/javascript">
$(function() {
	setTimeout(function(){
		$("#second").html(" 2 ");
		setTimeout(function(){
			$("#second").html(" 1 ");
			setTimeout(function(){
				$("#second").html(" 0 ");
				window.location.href = "{{URL::asset($URL)}}";
			},1000);
		},1000);
	},1000);
});
</script>
</html>
